<template>
	<view class="classBox flex align-center flex-wrap">
		<block v-for="i in 5">
			<view class="classItem" :class="i == 1?'acItem':'deacItem'">综合排序</view>
		</block>
	</view>
</template>

<script>
export default {
	data() {
		return {

		};
	},
	onLoad(options) {

	},
	methods: {
		loadData(id) {
			this.$request({
				url: '',
				data: {
					id: id
				}
			}).then(response => {
				if (response.code === 0) {
					this.topic = response.data.list
				}
			}).catch(e => {

			});
		}
	}
}
</script>

<style scoped>
	.acItem{
		background: #fff1e8;
		border: 1px solid #ff9853;
		color: #ff9853;
		
	}
	.deacItem{
		background: #eee;
		border: 1px solid #eee;
		color: #888;
		
	}
	.classItem{
		font-size: 22upx;
		margin-right: 16upx;
		line-height: 40upx;
		padding: 0 10upx;
	}
	.classBox{
		background: #fff;
		width: 100%;
		padding:10upx 25upx;
		margin-top: 20upx;
	}
</style>
